<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>基本选择器(simple selector)</title>

        <style type="text/css">
            /* 根据 标签名称 (或元素名称) 选择页面上的元素 */
            h3 {
                color : blue ; /* 设置元素内部文本的颜色 (也称作前景色) */
                background-color: yellow ; /* 单独设置元素背景颜色 */
                border-bottom : 1px dashed blue ; /* 单独设定底边边框 */
            }

            div {
                color : blue ;
                font-size: 20px ;
            }

            p {
                border : 1px solid green ; /* 设置四周边框 */
                font-size: 20px ;
            }
        </style>

    </head>
    <body>

        <h3>标签选择器 (type selector) </h3>

        <div>标签选择器 也称作 标记选择器 或 元素名称选择器</div>

        <p>标签选择器 是根据<b>标签名称</b>来选择页面上的元素</p>
        
    </body>
</html>